<!--
 * @Author: your name
 * @Date: 2021-08-05 21:51:27
 * @LastEditTime: 2021-08-08 19:00:54
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \Web课后练习成果\HTML\注册.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./B站样式.css">
</head>
<body>
    <!-- B站的头部 -->
    <header class="header">
        <div class="nav1">
            <div class="logo">
                <img src="./image/bilibili.png" alt="B站的logo">
            </div>
            <!-- B站的导航栏 -->
            <div class="nav2">
                <ul id="left">
                <li><a href="#">主站</a></li>
                <li><a href="#">番剧</a></li>
                <li><a href="#">游戏中心</a></li>
                <li><a href="#">直播</a></li>
                <li><a href="#">会员购</a></li>
                <li><a href="#">漫画</a></li>
                <li><a href="#">赛事</a></li>
                <li><a href="#">下载APP</a></li>
                </ul>
                <ul id="right">
                <li><a href="#">登录</a></li>
                <li><a href="#">大会员</a></li>
                <li><a href="#">消息</a></li>
                <li><a href="#">动态</a></li>
                <li><a href="#">收藏</a></li>
                <li><a href="#">历史</a></li>
                <li><a href="#">创作中心</a></li>
                <li><a href="#" class="button">投稿</a></li>
                </ul>
                <div class="search">
                    <form action="" method="GET">
                        <!-- 搜索栏的设置 -->
                    <input type="text" id="nav-search" placeholder="那个胡子拉碴的大叔会踢球吗？">
                    <!-- 搜索框的按钮 -->
                    <button type="button" class="search-button">
                        <!-- <span> -->
                            <img src="./image/搜索.png" alt="搜索" style="width: 15px; height:15px">
                        <!-- </span> -->
                    </button>
                    </form>
        </div>
        <div class="header-img">
            <img src="./image/B站登录页面header.png" alt="">
        </div>
    </header>
    <!-- B站注册页面的设置 -->
    <!-- 注册标题的设置 -->
    <div class="title">
        <div class="title-line">
            <span class="title" >注册</span>
        </div>
        
    </div>
    <div class="register">
        <table>
            <form action="" method="GET">
                <!-- 昵称框 -->
                <input type="text" name="username" id="username" placeholder="昵称" required class="text">
                <br>
                <!-- 密码框 -->
                <input type="password" name="password" id="password" placeholder="密码（6-16个字符组成，区分大小写）" required minlength="6" maxlength="16" class="text">
                <br>
                <!-- 手机号框 -->
                <select name="select" id="select">
                    <option selected value="countries">中国大陆</option>
                    <option value="countries">中国香港</option>
                    <option value="countries">中国澳门</option>
                    <option value="countries">中国台湾</option>
                    <option value="countries">加拿大</option>
                    <option value="countries">美国</option>
                    <option value="countries">韩国</option>
                    <option value="countries">俄罗斯</option>
                    <option value="countries">日本</option>
                    <option value="countries">英国</option>
                </select>
                <input type="text" name="userphone" id="userphone" placeholder="填写常用手机号" required class="tel">
                <br>
                <!-- 请输入短信验证码的框 -->
                <input type="text" name="text" id="text" placeholder="请输入短信验证码" required class="text">
                <!-- 获取验证码按钮 -->
                <button type="button3" class="validation2">
                    <span>点击获取</span>
                </button>
                <div style="margin: 0 10px; padding: 0 5px;">
                <input type="checkbox" name="checked" id="checked">
                <label for="checked" style="font-size: 12px;">我已同意<a href="#" style="font-size: 12px; color:#00aae2 ;">《哔哩哔哩弹幕网用户使用协议》</a>和<a href="#" style="font-size: 12px; color: #00aae2;">《哔哩哔哩隐私政策》</a></label>
                <br>
            </div>
                <input class="button3" type="button" value="注册">
                <br>
                <a href="./B站密码登录.html" style="float: right; font-size: 12px; color: #00aae2;">已有账号，直接登录></a>
            </form>
        </table>
    </div>
</body>
</html>